<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>html5基础语法</title>
	</head>
	<body bgcolor="red-1">
		<!--叫法：标记 元素
		<W3C规定单词：特殊含义，表示页面效果>
		标记分为：前标记 后标记
		元素：前标记+后标记+内容【元素之间可以嵌套】
		-->
		<p>内容</p>
		 <!--body主体区域：文本 图片 超链接 表格-->
		 <!-- ——文本元素群-->
		 <!-- 1.特殊文本【实业/体字符】
		    &copy;  代表  版权
			&reg;   代表  商标
            &lt          小于号
			&gt          大于号
			&nbsp        一个空格
		-->
		&copy;版权
		&reg;商标
		&lt;小于号
		&gt;大于号
		&nbsp;一个空格
		<!--2.假文【占位符】 -->
		
		
		<!--文本样式元素：精灵图 -->
		<i>文本倾斜</i>
		<b>文本加粗</b>
		<u>文本下划线</u>
		<del>文本删除线html4.0</del>
		<s>文本删除线html5.0</s>
		2<sup>2</sup>
		文言文<sub>解释</sub>
		<!--4.标题元素：加粗放大-->
		<h1>标题元素</h1>
		<h2>标题元素</h2>
		<h3>标题元素</h3>
		<h4>标题元素</h4>
		<h5>标题元素</h5>
		<h6>标题元素</h6>
		<!--5.分割线元素和换行元素：非封闭型【空/单】标记
		元素分为：封闭型【双】标记和非封闭型【空/单】标记
		非封闭型【空/单】标记：hr  br  写法<hr />
		                     html5 简洁 写法<hr>
		-->
		<hr>
		换行 <br>换行
		<!--6.跑马灯元素-->
		<marquee>滚滚长江东逝水</marquee>
		<!--7.预格式化元素-->
		<pre>
             &lt;p>静夜思&lt;/p>
	        床前明月光，疑是地上霜
			举头望明月，低头思故乡
		</pre>
		<!--需求：文本加粗并且倾斜 【嵌套】-->
		<b><i>lorem</i></b>
		<!--8.段落元素-->
		<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Autem nam pariatur ut atque a delectus, sapiente dicta provident labore at numquam accusamus tempora nostrum nemo eum tenetur voluptatibus temporibus quam?</p>
		<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Modi quasi iure repudiandae corrupti ad possimus voluptate, nihil adipisci tempora aut optio sapiente soluta illum expedita autem doloribus aspernatur aliquid dolores.</p>
		<!--二 元素中属性与属性值使用
		       属性与属性值的作用：添加效果【样式】
			   语法<p 属性=："属性值"></P>
			   W3C针对元素添加的属性和属性值【不通用】
			   注意:属性与属性值可以为多个【没有顺序】
        -->
		<p align="right">段落元素</p>
	</body>
</html>